{% extends "base.html" %}
{% load humanize %}
{% load thumbnail %}

{% block extrahead %}
    <script type="text/javascript" src="/site_media/javascript/recipe.js"></script>
{% endblock %}

{% block content %}

    <p class="p_person">
        &laquo; <a href="{% url recipes-users-show user_id=recipe.user_id %}">{{ recipe.user.first_name }} さん</a>
        &laquo; <a href="{% url recipes-users-recipes user_id=recipe.user_id %}">{{ recipe.user.first_name }} さんのレシピ一覧</a>
    </p>
    
    <ul class="ul_navi_func02">
    {% if user.is_authenticated %}
    	{% ifequal recipe.user user %}
            {% if not recipe.is_awarded %}
                {% if not recipe.contest or not recipe.published_at %}
        	       <li id="editList"><a href="{% url recipes-edit recipe_id=recipe.id %}">編集する</a></li>
                {% endif %}
                <li><a class="ajaxLink cb_doneToggleStatus"
                    href="{% url recipes-change-status recipe_id=recipe.id %}">
                    {% if recipe.is_draft %}公開する{% else %}非公開にする{% endif %}
                </a></li>
            {% endif %}
            {% if not recipe.contest %}
                <li id="submitLi"{% if recipe.is_draft %} style="display:none"{% endif %}><a id="submitToContestButton" href="{% url recipes-submit recipe_id=recipe.id %}">お題に応募する</a></li>
            {% endif %}
            {% if not recipe.is_awarded %}
                <li><a id="deleteButton" href="{% url recipes-delete recipe_id=recipe.id %}">削除する</a></li>
            {% endif %}
    	{% else %}
            <li id="addFavoriteButton" {% if recipe.is_favorite %}style="display:none"{% endif %}>
                <a class="ajaxLink cb_doneAddFavoriteButton" 
                href="{% url recipes-favorite-add recipe_id=recipe.id %}">フェイバリット</a></li>
            <li id="removeFavoriteButton" {% if not recipe.is_favorite %}style="display:none"{% endif %}>
            <a class="ajaxLink cb_doneRemoveFavoriteButton"
                href="{% url recipes-favorite-remove recipe_id=recipe.id %}">フェイバリットから外す</a></li>
            {% if not recipe.is_voted and user.get_profile.vote_point %}
                <li id="voteButton"><a class="ajaxLink cb_doneVoteButton" 
                    href="{% url recipes-vote recipe_id=recipe.id %}">投票</a></li>
            {% endif %}
        {% endifequal %}
        <li><a id="sendMailButton" href="{% url recipes-mail recipe_id=recipe.id %}">メールする</a></li>
    {% endif %}
    <li class="lastChild"><a href="{% url recipes-show-print recipe_id=recipe.id %}">印刷する</a></li>
    <!-- /ul_navi_func02 --></ul>
	
    <div class="div_alpha14">
    <h2 class="h2_alpha02">{{ recipe.name }}</h2>
    
    <div class="div_alpha14_inner">
    
    {% if recipe.is_awarded %}
        {% if recipe.contest.is_really_finished %}
            <img style="float:left;margin-right:5px" src="/site_media/images/common/icon_awardedstatus.jpg" />
        {% endif %}
    {% endif %}
    <ul class="ul01">
    {% ifequal recipe.user user %}
        {% if recipe.contest and recipe.published_at %}
            <li>お題に投稿済みのため編集できません。</li>
        {% endif %}
        {% if recipe.is_awarded %}
            <li>受賞が決定したため削除できません。</li>
        {% endif %}
    {% endifequal %}
    <li id="openStatus">
    {% if recipe.is_draft %}
        非公開
    {% else %}
        公開日: {{ recipe.published_at|date:"Y年n月j日" }}
    {% endif %}
    </li>
    {% ifnotequal recipe.score 0 %}
        <li>投票された回数: <a href="{% url recipes-vote-users recipe_id=recipe.id %}">{{ recipe.score }}</a></li>
    {% endifnotequal %}
    <!-- /ul01 --></ul>
    
    <div class="div03">
    {% if recipe.photo %}
        <img width="200" src="{{ recipe.photo|thumbnail:"200x500" }}" />
    {% endif %}
    
    <table summary="概要" class="tbl01" style="width: 390px">
    <tr>
        <th>作成者</th>
        <td>{{ recipe.user.first_name }}  さん</td>
    </tr>
    {% if recipe.feeling %}
        <tr>
        <th>フィーリング</th>
        <td>{{ recipe.feeling.name }}</td>
    </tr>
    {% endif %}
    {% if recipe.contest %}
        <tr>
        <th>お題への応募</th>
        <td class="contest_name">
            <a href="{% url recipes-contests-show contest_id=recipe.contest_id %}">{{ recipe.contest.name }}</a>
        </td>
    </tr>
    {% endif %}
    <tr>
        <th>紹介</th>
        <td>{{ recipe.introduction }}</td>
    </tr>
    <!-- /tbl01 --></table>
    <!-- /p01 --></div>
	
    <!-- /div_alpha14_inner --></div>
    <!-- /div_alpha14 --></div>
    
    <div class="div_alpha14">
    <h3>材料 （{{ recipe.num_people }}人分）</h3>
    <div class="div_alpha14_inner">
    
    <div class="div01">
    {% for ing_col in recipe.decode_ingredients_col %}
        <dl class="{% cycle 'dl01' 'dl02' %}">
        {% for name, quantity in ing_col %}
            <dt class="{% cycle 'dt01' 'dt02' %}">{{ name|default:"&nbsp;" }}</dt>
            <dd class="{% cycle 'dd01' 'dd02' %}">{{ quantity|default:"&nbsp;" }}</dd>
        {% endfor %}
        <!-- /dl01 --></dl>
        </dl>
    {% endfor %}
    </div>
	
    <!-- /div_alpha14_inner --></div>
    <!-- /div_alpha14 --></div>

    <div class="div_alpha14">
    <h3>作り方</h3>
    <div class="div_alpha14_inner">
    
    <ul class="ul02">
	{% for direction in recipe.ordered_directions %}
        <li>{% if direction.photo %}<img src="{{ direction.photo.url }}" alt="" />{% endif %}
        <strong>{{ forloop.counter }}.</strong>{{ direction.text }}</li>
	{% endfor %}
    <!-- /ul02 --></ul>

    {% if recipe.tips %}
        <div class="div02">
        <div class="div02_inner">
        <p class="p02">{{ recipe.tips }}</p>
        <!-- /div02_inner --></div>
        <!-- /div02 --></div>
    {% endif %}
    
    <!-- /div_alpha14_inner --></div>
    <!-- /div_alpha14 --></div>
    
    {% if comment_form %}
        <div class="div_alpha14">
        <h3>コメント {{ recipe.num_moderated_comments }} 件 （メンバーでないと見ることができません）</h3>
        <div class="div_alpha14_inner">
    	
    	{% if user.is_authenticated %}
            {% for comment, user in recipe.get_moderated_comments_and_users %}
                <div class="div03">
                {% if comment.photo %}
                    <img src="{{ comment.photo|thumbnail:"150x150" }}" />
                {% endif %}
                <p class="p03">{{ comment.text|linebreaksbr }}</p>
                <p class="p04">
                <a href="">{{ user.first_name }}</a> さん
                <small>{{ comment.created_at|date:"Y年n月j日 G:i" }}</small>
                <!-- /p04 --></p>
                <!-- /div03 --></div>
            {% endfor %}
    		<form action="{% url recipes-comment-add recipe_id=recipe.id %}"
            		enctype="multipart/form-data" method="POST">
        	    <table class="tbl03">
        	        <tr>
        	            <th>名前:</th>
        	            <td>{{ user.first_name }}</td>
        	        </tr>
        		    {{ comment_form.as_table }}
        		</table>
                <input type="hidden" name="stage" value="1" />
        		<input type="submit" value="送信" />
        	</form>
        {% endif %}
        </div>
        </div>
    {% endif %}
        
    <div id="mailForm" class="flora" style="display:none">
    <p class="p01">アドレスを入力し、送るボタンをクリックしてください。
    レシピの内容が送られます。</p>
    <table class="tbl01">
        <tr><th>メールアドレス:</th>
        <td><input id="id_alter_email" name="alter_email" type="text" value="{{ user.get_profile.alter_email }}" /></td></tr>
    </table>
    </div>
    
    <div id="submitForm" class="flora" style="display:none">
    <p class="p01">お題を選択し、応募するボタンをクリックしてください。<br />
    （一度応募したら変更できません。<br />また応募後は編集ができなくなりますのでご注意ください。）</p>
    <table class="tbl01">
        {{ submit_form }}
    </table>
    </div>
    
    <form id="generic_form" action="" method="POST">
        <input type="hidden" name="recipe_id" value="{{ recipe.pk }}">
        <input type="hidden" name="redirect_path" value="{% url recipes-users-home %}">
    </form>
    
{% endblock %}
